<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>怪奇鹅尬脑训练1-1</title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name = "format-detection" content="telephone = no" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
    <link href="__PUBLICGAME__/css/animate.css" rel="stylesheet" type="text/css">
    <link href="__PUBLICGAME__/css/common.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="__PUBLICGAME__/css/stms.css"/>

    <script>
        var ROOT = window.location.origin+'__PUBLICGAME__/'
        var HOST = window.location.origin;

    </script>
    <script language="javascript" type="text/javascript" src="__PUBLICGAME__/js/jquery.1.7.2.min.js"></script>
    <script type="text/javascript" src="__PUBLICGAME__/js/stms_game.js"></script>

</head>
<body>

<div class="main">


    <div class="right_box stms_right">

        <!--游戏规则提示 (点击游戏规则游戏开始)-->
        <div class="game_alert game_rule" id="btn_star">
            <div class="in">
                <strong class="title">游戏规则</strong>
                <p class="content">画面中有笑脸翻出<br>请找出翻转出的笑脸</p>
                <span class="ok">确定</span>
            </div>
        </div>


        <!--弹出提示-->
        <div class="popads" id="ad0">
            <img src="__PUBLICGAME__/images/stms/0.gif">
            <a class="pro_link" href="http://m.brainnewlife.com/wx#wxg"></a>
            <span class="pro_ok"></span>
        </div>



        <!--最终完成提示 -->
        <div class="game_alert finish_pop">
            <div class="in">
                <strong class="title">训练完成</strong>
                <p class="content finish_con"></p>
                <span class="ok finish_ok">确定</span>
            </div>
        </div>

        <div class="big_gold"><img src="__PUBLICGAME__/images/stms/big_gold.png"></div>


        <!--关卡数 -->
        <div class="game_level">
            关卡：<span class="game_level_curr"></span>/<span class="game_level_all"></span>
        </div>
        <div class="game_score">
            积分：<span class="game_score_curr">0</span>
        </div>

        <!--退出 -->
        <!--<a class="user_exit" href=""></a>-->


        <!-- 主体 star -->
        <div class="con_wrap con_wrap_2 wrap_prepare">

            <div class="game_area">
                <div class="game_item_wrap"></div>
            </div>

            <!--提示说明 -->
            <div class="game_tips">找出刚刚出现的 <strong class="num_total"></strong>个笑脸</div>

        </div>
        <!-- 主体 end -->



    </div>

</div>



<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script>
    /*
     * 注意：
     * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
     * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
     * 3. 常见问题及完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
     *
     * 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决，如仍未能解决可通过以下渠道反馈：
     * 邮箱地址：weixin-open@qq.com
     * 邮件主题：【微信JS-SDK反馈】具体问题
     * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
     */
    wx.config({
        debug: false,
        appId: "{$sign['appId']}",
        timestamp: "{$sign['timestamp']}",
        nonceStr: '{$sign["nonceStr"]}',
        signature: "{$sign['signature']}",
        jsApiList: [
            'onMenuShareTimeline',
            'onMenuShareAppMessage'
            // 所有要调用的 API 都要加到这个列表中
        ]
    });
    $(function(){
        var latitude; // 纬度，浮点数，范围为90 ~ -90

        var longitude; // 经度，浮点数，范围为180 ~ -180。

        var speed; // 速度，以米/每秒计

        var accuracy; // 位置精度
        wx.ready(function () {
            wx.onMenuShareTimeline({

                title: '{$title}', // 分享标题

                link: '{$link}', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致

                imgUrl: '{$pic}', // 分享图标

                success: function () {
                    // 用户确认分享后执行的回调函数
                },

                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }

            });
            wx.onMenuShareAppMessage({
                title: '{$title}',
                desc: '{$dex}',
                link: '{$link}',
                imgUrl: '{$pic}',
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                trigger: function (res) {

                },
                success: function (res) {
                },
                cancel: function (res) {
                },
                fail: function (res) {
                }
            });
            /*wx.getLocation({

                type: 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'

                success: function (res) {

                    latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90

                    longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。

                    speed = res.speed; // 速度，以米/每秒计

                    accuracy = res.accuracy; // 位置精度

                }

            });*/
        });
        wx.error(function (res) {
        });
    })

    $(function () {
        var time = [10,20,30,40,50,60,70]
        var times = 0;
        push();
    function push() {
        var timer = setTimeout(function () {
            var data= {
                playTime:time[times],
                sign:'{$uniqid}'
            }
            if(times < time.length-1){
                times++;
            }
            $.ajax({
                type: "POST",
                url: "{:U('Wx/playTime')}",
                data: data,
                success: function (result) {
                    console.log(result)
                }
            });
            push()
        },1000*time[times])
    }


    })

</script>

</body>
</html>